<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>个人中心</title>
        <link rel="shortcut icon" href="img/logo.ico" type="image/x-icon" >
        <link rel="stylesheet" type="text/css" href="/public/css/geRenZhongXin/details.css"/>
        <link rel="stylesheet" type="text/css" href="/public/css/common.css"/>
        <link rel="stylesheet" type="text/css" href="/public/css/header.css"/>
        <link rel="stylesheet" type="text/css" href="/public/css/styles.css"/>
        <link rel="stylesheet" href="/public/css/jquery-ui.css">
        <style type="text/css">
            /*切换部分*/
            #newDT{}
            #fabu{display: none;}
            #pingLun{display: none;}
            #shouCang{display: none;}
            #guanZhu{display: none;}
            #guanZhuDeRen{display: none;}
            #beiGuanZhu{display: none;}
        </style>
    </head>
    <body>
        <div id="container">

            #{include '_navbar.html'/}

            <div id="info">
                <div id="in">
                    <div class="in_top">
                        <div class="touXiang">
                            <img src="/public/img/geRenZhongXin/morentouxiang.jpg"/>
                        </div>
                        <div class="shenfen">
                            ${user.nickname} <span class="zhiye">
                                ${user.profession}
                            </span>
                        </div>
                        <div class="jianjie">
                            个人简介：<span title="点击修改个人简介">${user.memo?:'点此设置个性签名'}</span>
                            <input type="text" value="" class="xiugaijianjie"/>
                        </div>
                    </div>
                    <div class="in_bottom">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>获得赞同</td>
                                <td>被收藏</td>
                                <td>被分享</td>
                                <td class="gzdr">关注的人</td>
                                <td class="bgz">被关注</td>
                            </tr>
                            <tr>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts gzdr">25</td>
                                <td class="counts bgz">25</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="btn">
                    关注
                </div>
            </div>

            <!--页脚部分-->
            #{include '_footer.html'/}
        </div>
        <script src="/public/js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
        <script src="/public/js/common.js" type="text/javascript" charset="utf-8"></script>
        <script src="/public/js/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
        <script src="/public/js/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $('.jianjie span').on('click', function () {
                $('.jianjie input').val($('.jianjie span').text());
                $('.jianjie input').show().focus();
            });

            $(".jianjie input").on("keydown", function (e) {
                var key = e.which;
                var val = $(".jianjie input").val();
                if (key === 13 && $(this).val().trim() !== "") {
                    $.post('@{B.updateUserMemo}', {"memo": val})
                            .success(function () {
                                $(".jianjie span").html(val);
                                $(".jianjie input").hide();
                            });
                }
            }).on('blur',function(){
                $(".jianjie input").hide();
            });
            

        </script>
        
    </body>
</html>
